/* DaTouWang URL: www.datouwang.com */
.tile { float:left;margin-top:5px;width: 240px; height: 150px; background-color: #99aeff; display: inline-block; background-size: cover; position: relative;  transition: all 0.4s ease-out; box-shadow: 1px 1px 12px -5px rgba(0, 0, 0, 0.44); overflow: hidden;  }
.tile img { height: 100%; width: 240px; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.tile .text { z-index: 99; position: absolute; padding: 30px; height: calc(100% - 60px);text-align:center; }
.tile h2 { text-align:center;margin-top: 15px;}
.tile:hover { box-shadow: 5px 10px 20px -10px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.tile:hover img { opacity: 0.2; }
.tile:hover .animate-text { transform: translateX(0); opacity: 1; }